/* index.html页面样式 */
#btn1 ul {
    float: right;
    list-style-type: none;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
}

#btn1 ul li {
    display: inline;
    margin-right: 10px;
    text-decoration: none;
}

#btn1 ul li a:hover {
    background-color: #e6f6bd;
}

#btn1 ul li a {
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background-color: #f8e4d4;
    color: #ffffff;
    font-size: 16px;
    padding: 0.25em 2.5em;
    text-decoration: none;
}

@media (max-width: 500px) {
    #btn1 ul {
        float: right;
        list-style-type: none;
        padding: 0;
        text-align: center;
        margin: 15px 0 0;
    }

    #btn1 ul li {
        display: inline;
        text-decoration: none;
    }

    #btn1 ul li a:hover {
        background-color: #96c2b3;
    }

    #btn1 ul li a {
        background-color: #f1dbca;
        border-radius: 25px;
        color: #ffffff;
        padding: 0.2em 0.75em;
    }
}

.hvr-grow-shadow {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
}

.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    transform: scale(1.1);
}

.boa {
    /*margin:0 auto;*/
    width: 96.5%;
    line-height: 690px;
    text-align: center;
    color: rgba(250, 236, 202, 0.7);
    -webkit-animation: shining1 1s alternate infinite;
    animation: shining1 1s alternate infinite;
}

@-webkit-keyframes shining1 {
    from {
        text-shadow: 0 0 4px #f6d3da, 0 0 8px #fab1bb, 0 0 12px #f59cae, 0 0 16px #fa7171, 0 0 20px skyblue, 0 0 25px skyblue;
    }
    to {
        text-shadow: 0 0 10px #dbe1f8, 0 0 20px #cccdff, 0 0 30px #c6a3ff, 0 0 40px rgba(127, 151, 236, 0.82), 0 0 50px skyblue, 0 0 60px skyblue;
    }
}

/*====================================================================================================================*/

/* jump.html页面样式 */
.bob {
    line-height: 1000px;
    text-align: center;
    color: rgba(167, 144, 88, 0.7);
    -webkit-animation: shining2 1s alternate infinite;
    animation: shining2 1s alternate infinite;
}

@-webkit-keyframes shining2 {
    from {
        text-shadow: 0 0 4px #f6d3da, 0 0 8px #fab1bb, 0 0 12px #f59cae, 0 0 16px #fa7171, 0 0 20px skyblue, 0 0 25px skyblue;
    }
    to {
        text-shadow: 0 0 10px #dbe1f8, 0 0 20px #cccdff, 0 0 30px #c6a3ff, 0 0 40px rgba(127, 151, 236, 0.82), 0 0 50px skyblue, 0 0 60px skyblue;
    }
}

/*====================================================================================================================*/

/* sjqm.html、cesuan2.html页面样式 */
/* 去除超链接下划线 */
a:link {
    text-decoration: none;
    color: rgba(243, 238, 195, 0.18);
}

.boc {
    text-align: center;
    -webkit-animation: shining3 1s alternate infinite;
    animation: shining3 5s alternate infinite;
    color: black;
}

@-webkit-keyframes shining3 {
    from {
        text-shadow: 0 0 1px #e3f3ea, 0 0 2px #dff3fa, 0 0 3px #d9f8f5, 0 0 4px rgba(213, 255, 241, 0.82), 0 0 2px skyblue, 0 0 3px skyblue;
    }
    to {
        text-shadow: 0 0 4px #dfdff8, 0 0 8px #f3ddfc, 0 0 12px #d4faf8, 0 0 16px #fadede, 0 0 20px skyblue, 0 0 24px skyblue;
    }
}

.bod {
    text-align: center;
    color: rgba(0, 0, 0, 0.4);
    -webkit-animation: shining4 2s alternate infinite;
    animation: shining4 2s alternate infinite;
}

@-webkit-keyframes shining4 {
    from {
        text-shadow: 0 0 10px #cae2f3, 0 0 20px #bce9f8, 0 0 30px #9ce9fd, 0 0 40px rgba(64, 226, 207, 0.82), 0 0 50px skyblue, 0 0 60px skyblue;
    }
    to {
        text-shadow: 0 0 4px #facbbf, 0 0 8px #f6af9a, 0 0 12px #faa991, 0 0 16px #f68977, 0 0 20px #f37171, 0 0 25px skyblue;
    }
}

#member-app .notAdmin::after {
    border: 0 !important;

}

.rotate {
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 40px;
    -webkit-animation: rotating 4s linear infinite;
    -moz-animation: rotating 4s linear infinite;
    -o-animation: rotating 4s linear infinite;
    animation: rotating 4s linear infinite
}

/*====================================================================================================================*/

/* option.html页面样式 */
.boe {
    margin-top: 150px;/* 上外边距 */
    width: 85%;
    line-height: 500px;
    text-align: center;
    color: rgba(250, 236, 202, 0.7);
    -webkit-animation: shining5 1s alternate infinite;
    animation: shining5 1s alternate infinite;
}

@-webkit-keyframes shining5 {
    from {
        text-shadow: 0 0 4px #e0fade, 0 0 8px #e2f6c4, 0 0 12px #a9f59c, 0 0 16px #8afa71, 0 0 20px skyblue, 0 0 25px skyblue;
    }
    to {
        text-shadow: 0 0 1px #dbe1f8, 0 0 2px #cccdff, 0 0 3px #c6a3ff, 0 0 4px rgba(127, 151, 236, 0.82), 0 0 5px skyblue, 0 0 60px skyblue;
    }
}

.button {
    border: none;
    color: white;
    width: 100px;
    height: 50px;
    border-radius: 40%;
    background-color: rgba(32, 176, 243, 0.95)
}

#btn2 ul {
    float: right;
    list-style-type: none;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
}

#btn2 ul li {
    display: inline;
    margin-right: 10px;
    text-decoration: none;
}

#btn2 ul li a:hover {
    background-color: #e6f6bd;
}

#btn2 ul li a {
    width: 600px;
    height: 600px;
    border-radius: 10%; /* 圆角 */
    background-color: #f8e4d4;
    color: #ffffff;
    font-size: 16px;
    padding: 0.25em 2.5em;
    text-decoration: none;
}

@media (max-width: 500px) {
    #btn2 ul {
        float: right;
        list-style-type: none;
        padding: 0;
        text-align: center;
        margin: 15px 0 0;
    }

    #btn2 ul li {
        display: inline;
        text-decoration: none;
    }

    #btn2 ul li a:hover {
        background-color: #96c2b3;
    }

    #btn2 ul li a {
        background-color: #f1dbca;
        border-radius: 25px;
        color: #ffffff;
        padding: 0.2em 0.75em;
    }
}

.hvr-grow-shadow1 {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
}

.hvr-grow-shadow1:hover,
.hvr-grow-shadow1:focus,
.hvr-grow-shadow1:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    transform: scale(1.1);
}

/**********************************************************************************************************************/

/* download1.html页面样式 */
#btn9 ul {
    float: right;
    list-style-type: none;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
}

#btn9 ul li {
    display: inline;
    margin-right: 10px;
    text-decoration: none;
}

#btn9 ul li a:hover {
    background-color: #9aeff1;
}

#btn9 ul li a {
    text-align: center;
    width: 400px;
    height: 400px;
    line-height: 350px;
    border-radius: 50%;
    background-color: #f5f3c7;
    color: #ffffff;
    font-size: 16px;
    padding: 0.25em 2.5em;
    text-decoration: none;
}

@media (max-width: 500px) {
    #btn9 ul {
        float: right;
        list-style-type: none;
        padding: 0;
        text-align: center;
        margin: 15px 0 0;
    }

    #btn9 ul li {
        display: inline;
        text-decoration: none;
    }

    #btn9 ul li a:hover {
        background-color: #6af1e5;
    }

    #btn9 ul li a {
        background-color: #ea7e23;
        border-radius: 25px;
        color: #ffffff;
        padding: 0.2em 0.75em;
    }
}

.hvr-rectangle-in {
    background: #94dffc none repeat scroll 0 0;
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    position: relative;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
}

.hvr-rectangle-in::before {
    background: #b5f6b2 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1);
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 25px
}

.hvr-rectangle-in:hover,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:active {
    color: white;
}

.hvr-rectangle-in:hover::before,
.hvr-rectangle-in:focus::before,
.hvr-rectangle-in:active::before {
    transform: scale(0);
}

.boz {
    margin-top: 50px;/* 上外边距 */
    width: 75%; /* 外边距宽度 */
    line-height: 300px;
    text-align: center;
    color: rgba(250, 236, 202, 0.7);
    -webkit-animation: shining10 1s alternate infinite;
    animation: shining10 1s alternate infinite;
}

@-webkit-keyframes shining10 {
    from {
        text-shadow: 0 0 4px #f6d3da, 0 0 8px #fab1bb, 0 0 12px #f59cae, 0 0 16px #fa7171, 0 0 20px skyblue, 0 0 25px skyblue;
    }
    to {
        text-shadow: 0 0 10px #dbe1f8, 0 0 20px #cccdff, 0 0 30px #c6a3ff, 0 0 40px rgba(127, 151, 236, 0.82), 0 0 50px skyblue, 0 0 60px skyblue;
    }
}



/* download1.html页面样式 */
#btn11 ul {
    float: right;
    list-style-type: none;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
}

#btn11 ul li {
    display: inline;
    margin-right: 10px;
    text-decoration: none;
}

#btn11 ul li a:hover {
    background-color: #e6f6bd;
}

#btn11 ul li a {
    width: 400px;
    height: 400px;
    line-height: 350px;
    border-radius: 50%;
    background-color: #f8e4d4;
    color: #ffffff;
    font-size: 16px;
    padding: 0.25em 2.5em;
    text-decoration: none;
}

@media (max-width: 500px) {
    #btn11 ul {
        float: right;
        list-style-type: none;
        padding: 0;
        text-align: center;
        margin: 15px 0 0;
    }

    #btn11 ul li {
        display: inline;
        text-decoration: none;
    }

    #btn11 ul li a:hover {
        background-color: #96c2b3;
    }

    #btn11 ul li a {
        background-color: #f1dbca;
        border-radius: 25px;
        color: #ffffff;
        padding: 0.2em 0.75em;
    }
}

.hvr-grow-shadow {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
}

.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    transform: scale(1.1);
}

.boy {
    /*margin:0 auto;*/
    width: 75%;
    line-height: 400px;
    text-align: center;
    color: rgba(250, 236, 202, 0.7);
    -webkit-animation: shining11 1s alternate infinite;
    animation: shining11 1s alternate infinite;
}

@-webkit-keyframes shining11 {
    from {
        text-shadow: 0 0 4px #f6d3da, 0 0 8px #fab1bb, 0 0 12px #f59cae, 0 0 16px #fa7171, 0 0 20px skyblue, 0 0 25px skyblue;
    }
    to {
        text-shadow: 0 0 10px #dbe1f8, 0 0 20px #cccdff, 0 0 30px #c6a3ff, 0 0 40px rgba(127, 151, 236, 0.82), 0 0 50px skyblue, 0 0 60px skyblue;
    }
}
